<template>

  <div class="dashboard-editor-container" style="padding:0px; ">

    <el-row :gutter="12" style="padding:0 6px 0 0;margin-bottom:16px;  " >
      <!-- 图片部分-->

      <div class=" d1"  >

        <div class="  s1" >
          <div class="  z1" style="padding: 0;margin: 0;border-style: none;">
            <el-image
              style="width: 100%;  height: 80px ;"
              :src="require('@/assets/images/15.png')">

            </el-image>
          </div>

          <div  class="  y1" >


            <el-button class="an3" ><router-link class="link-type" :to="'/login1'" style=" color: whitesmoke">首页</router-link></el-button>

            <el-button class="an3" ><router-link class="link-type" :to="'/login1'" style=" color: whitesmoke">转化公示</router-link></el-button>


          </div>

          <div class=" y2">
            <el-button class="an2" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10"><router-link class="link-type" :to="'/login1'" style="color: whitesmoke">登录</router-link></el-button>
            <el-button class="an2" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10"><router-link class="link-type" :to="'/register1'" style="color: whitesmoke">注册</router-link></el-button>

          </div>
        </div>
        <div class="x1" >
          <div  class="clearfix" >
            <div style="padding:90px 0 0 80px;">
              <span style="font-size: 30px; color: whitesmoke"><b>科技成果</b></span>
            </div>
            <div style="padding:20px 0 0 80px;">
              <span style="font-size: 22px; color: whitesmoke"><b>建设知识产权运营体系，构筑科技成果聚集高地</b></span>
            </div>

            <el-input style="padding:60px 0 0 80px; " type="primary" class="sousuo" v-model="input" placeholder="请输入成果名称进行检索" ></el-input>
            <el-button class="an1" @click="handQuery">搜索</el-button>






          </div>
          <div  class="clearfix" style="padding:80px 0 0 80px;">

            <span style="font-size: 20px; color: whitesmoke"><b>首页·科技成果</b></span>

          </div>
        </div>




      </div>


    </el-row>

<div>
    <el-table v-loading="gongshiloading" :data="contractList"   style="width: 80%;margin: auto" >

      <el-table-column label="公示标题"    align="center" prop="publicizeTitle">
        <template slot-scope="scope">
          <div @click="getLista(scope.row)"  style="cursor: pointer;">
            {{scope.row.publicizeTitle}}
          </div>
        </template>

      </el-table-column>
      <el-table-column
        label="公示时间"
        prop="publicizeTime"
        align="center"
        width="200px">
      </el-table-column>
    </el-table>
</div>
   







    </div>








</template>

<script>


import { listContract, getContract, delContract, addContract, updateContract } from "@/api/project/contract";



export default {
  name: "Profile",
  components: {  },
  props: {
    user: {
      type: Object,

    }
  },


  data() {

    return {
      // 遮罩层

      gongshiloading:true,

      gongshitotal:0,
      // 合同信息表格数据
      contractList: [],
      // 查询参数
      gongshiqueryParams: {
        pageNum: 1,
        pageSize: 10,
        userId: null,
        materialsAddress: null,
        applyName1: null,
        applyNumber1: null,
        applyTime1: null,
        auditState1: 2,
        auditTime1: null,
        auditName1: null,
        auditNumber1: null,
        applyName2: null,
        applyNumber2: null,
        applyTime2: null,
        auditState2: 2,
        auditTime2: null,
        auditName2: null,
        auditNumber2: null,
        publicizeTime: null,
        publicizeContent: null,
        publicizeTitle: null,
        publicizeName: null,
        publicizeNumber: null,
        resultId: null,
        resultName: null,
        completionUnit: null,
        firstName: null,
        firstNumber: null,
        firstPhone: null,
        firstIdnumber: null,
        enterpriseNumber: null,
        enterpriseName: null,
        corporateName: null,
        corporatePhone: null,
        corporateNumber: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },


    };

  },


  created() {
    this.getgongshiList();





  },


  methods: {


    getgongshiList(){
      this.gongshiloading = true;
      console.log("888")
      listContract(this.gongshiqueryParams).then(response => {

        this.contractList = response.rows;
        console.log(  this.contractList+"8")
        this.gongshitotal = response.total;
        this.gongshiloading = false;
      });
    },


    getLista(row){
      this.$router.push({path: "/wodehetong", query: {}});



    },

    indexMethod(index) {
      return index +1;
    },
    handleClick(tab, event) {
      console.log(tab, event);
    },

  },

};
</script>
<style lang="scss" scoped>


  .sx{
    border-style: none;
    width: 200px;
    height: 30px;

  }

  .an1{
    font-size: 22px;
    width: 100px;
    height: 60px;
    color: whitesmoke;
    border-style: none;
    background-color: #0d3e99;
  }
  .an2{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;

  }
  .an3{
    font-size: 22px;
    width: 150px;
    height: 80px;
    border-style: none;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);


  }
  /*背景*/
  .bj{
    background-image: url("17.png");
    background-size: 100% 100%;
    height: 400px;

  }

  /*搜索框*/
  .sousuo{
    width: 800px;
    font-size: 22px;

  }
  ::v-deep .el-input__inner{
    height: 60px;
  }

  .s1{
    display: flex;
    height: 80px;
    width: 100%;
    background-color: rgba(0, 0,0, 0.2);
  }

  .d1{

    background-size: 100% 100%;

    height: 500px;
    scroll-padding: 0;
    background-image: url("17.png");
    border-style: none;
    margin: 0;
    padding: 0;



  }

  .z1{
    width: 25%;
    height: 80px;

  }
  .y1{

    height: 80px;
    width: 60%;

  }

  .y2{
    padding-top: 22px;
    padding-left: 65px;
    width: 15%;
    height: 80px;
    background-color: rgba(0, 0, 0, 0);

  }

  .big_box{display: flex;height: 280px;}
  /*展示左图片*/
  .z{
    width: 25%;
    height: 250px;

  }
  /*展示中空白*/
  .c{
    width: 3%;
    height: 250px;
  }
  /*展示右信息*/
  .y{
    width: 70%;
    height: 250px;

  }
  /*按钮*/
  .an{
    height: 30px;
  }




  .dashboard-editor-container {

    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;

    .chart-wrapper {
      background: #fff;
      padding: 16px 16px 0;
      margin-bottom: 32px;
      padding-left: 30px;
    }

    .el-tabs .el-tabs__content {
      max-height: 100px;
      overflow: auto;
    }

  }

  @media (max-width:1024px) {
    .chart-wrapper {
      padding: 8px;
    }
  }

  /* 固定 应用board 宽度; */
  .el-tabs--card {
    height: calc(32vh);
    /* overflow-y: auto; */
  }

  .el-tab-pane {
    height: calc(32vh);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .tag-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 20px;
    line-height:15px;

  }
  .tag-menu-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 0px;
    line-height:15px;
    margin-top: 5px;

  }

  .bannerimg{
    width: 100%;
    height: inherit;
  }
  /* 文字样式*/
  .carousel-p {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 25px;
    line-height: 35px;
    text-align: center;
    padding-left: -28px;
    color: white;
    bottom: 66px;
    position: relative;
  }
  .el-icon-d-arrow-right{
    float: right;
    margin-right: 20px;
    padding-top: 5px;
    font-size:10px !important;
  }

  .is-selected {
    color: #1989FA;
  }


  /*日历自定义样式*/
  ::v-deep .el-calendar__header {
    // 修改头部背景颜色
    background-color: #FFFFFF;
    padding: 3px 5px;
    border: none;
    display: flex;
    justify-content: center;
    margin-top: 35px;

    .el-calendar__button-group {
      // 隐藏原生按钮
      display: none;
    }


    .el-calendar__title {
      // 修改头部标题的字体颜色
      color: #495060 !important;
      font-size: 20px;
      font-weight: bolder;
    }
  }

  ::v-deep .el-calendar__body {
    // 修改主题部分
    padding: 0;
  }

  ::v-deep .el-calendar-table {
    thead {
      th {
        // 修改头部星期部分
        padding: 5px;
        background-color: #2f81d5;
        color: white;
      }
    }

    .is-selected {
      .el-calendar-day {
        p {
          // 选中日期颜色
          color: black;
        }
      }
    }

    .el-calendar-day {
      // 每天小块样式设置
      padding: 0;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      p {
        // 所有日期颜色
        color: black;
        z-index: 1;
        user-select: none;
        display: flex;
      }
    }
  }

  ::v-deep .el-calendar-table__row {
    .prev, .next {
      // 修改非本月
      .el-calendar-day {
        p {
          color: #f0d9d5;
        }
      }
    }

    td {
      // 修改每一个日期td标签
      &:first-child, &:last-child {
        background-color: #f5f5f5;
      }
    }
  }

  button {
    padding: 3px 10px;
  }

  //隐藏el-tab-pane滚动条
  ::v-deep .el-tab-pane {
    height: calc(100vh - 110px);
    overflow-y: hidden;
  }


  ::v-deep .el-scrollbar__wrap {
    overflow-x: hidden!important;


  }

  ::v-deep .-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
  }
  ::v-deep.el-table .warning-row {
    background: oldlace;
  }

  ::v-deep.el-table .success-row {
    background: #f0d9d5;
  }
  .pos1{

    position:absolute;             // 绝对定位,同时规定left和top
    left: 0;
    top:0;
  }


  //swiitch开关的样式
  ::v-deep .el-switch__core{
    width:30px!important;
    height:15px;

  }
  //111
  ::v-deep .el-tabs__nav-wrap.is-scrollable {
    margin-right: 40px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  ::v-deep .el-switch__core::after{
    width:14px;
    height:14px;
    margin-top:-1px;
    margin-bottom: -4px;
  }
  ::v-deep.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -14px;
  }

  //更改table表中文字的颜色
  ::v-deep.el-table{
    color: #000000;
  }

  //日程文字颜色
  ::v-deep.el-alert--success.is-light {
    background-color: #e7faf0;
    color: #000000;
  }
  ::v-deep.el-alert--success.is-light .el-alert__description {
    color: #507761;
  }


  /*数字加圈*/
  .number_top_circle {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }
  .number_top_circle_odd {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }

  //个人中心头像样式
  .user-avatar{
    border-radius: 50%;
    height:165px;
    border: 1px solid #409eff;

  }
  //去掉table表下面的边框线
  .el-table__row>td {
    border: none;
  }

  .el-table::before {
    height: 0px;
  }

  //纵向分割线
  ::v-deep.el-divider--vertical{

    height: 10em;
  }

  .selectBtn{
    background-color: #1482f0;
    color: #ffffff;
  }

</style>
<!-- 日历table表的样式-->
<style>




  .el-image__error {
    font-size: 10px;

  }






  .size-icon{
    font-size: 25px;
  }

  .createInfo th, .createInfo tr {
    background-color: #409eff !important;
    color: #FFFFFF;
    text-align: center;

  }
  .createInfo tbody tr:hover>td {
    background-color: #409eff !important;
  }

  /*日期组件绝对定位*/
  .main{
    position: relative;

  }
  .target{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,0%);
  }


  /*menu中更多按钮*/
  .loginOut{
    /* position: absolute;right:23%;top:25px;*/
    position: absolute;right:26%;top:33px;
    color: #e6a23c;
    /*  font-weight: 600;
      font-size: 14px;*/
  }
  .grid-content{

    padding-left: 0%;
    padding-right: 0%;

  }


  /* 顶部列表 */
  .top-list-image{
    margin-right: 12px;
    font-size: 24px;
    width: 40px;
    padding-top: 0px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    border-radius:16px;
    color: #fff;
  }

  .top-list-col{
    height: 100px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;
  }

  .top-list-span{
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /*超出部分用...代替*/
  }

</style>
